class Food {
    //定义一个属性表示食物对应元素
    element:HTMLElement;
    
    constructor(){
        //获取页面food元素并赋值为element  !即表示页面中food元素不为null
        this.element = document.getElementById('food')!;
    }
    //定义一个获取食物x轴坐标的方法
    get X(){
        return this.element.offsetLeft
    }
    get Y(){
        return this.element.offsetTop
    }

    //修改食物位置方法
    change(){
        //生成1个随机的位置0-290
        let top = Math.round(Math.random()* 29) * 10;
        let left = Math.round(Math.random()*29) *10;
        this.element.style.left =top + 'px';
        this.element.style.top = left + 'px';
    }
}


const food = new Food();
console.log(food.X,food.Y)
food.change()
console.log(food.X,food.Y)

export default Food;